<template>
  <div class="ye">
    <!-- <h2>我的积分</h2> -->
    <div class="head">
      <van-nav-bar left-arrow @click-left="onClickLeft" @click-right="onClickRight">
        <van-icon name="question-o" slot="right"/>
      </van-nav-bar>
    </div>
    <div class="nav">
      <div>
        <van-icon name="circle"/>
        <p>我的积分</p>
      </div>
      <b>30</b>
    </div>
    <div class="main">
      <div class="main1">
        <van-row type="flex" justify="space-between">
          <van-col span="12">
            <div>
              <p>打开FitTime(每天加一次)</p>
              <p>
                <b>2018-10-31</b>
                <em>10:32</em>
              </p>
            </div>
          </van-col>
          <van-col span="6"></van-col>
          <van-col span="6">
            <p>+10</p>
          </van-col>
        </van-row>
      </div>
    </div>
    <div class="foot">
      <van-row type="flex" justify="space-around">
        <van-col span="6">赚积分</van-col>
        <van-col span="6">/</van-col>
        <van-col span="6">花积分</van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "Myintegral",
  methods: {
    onClickLeft() {
      this.$router.push("/myspeed");
    },
    onClickRight() {}
  }
};
</script>

<style scoped>
.head .van-nav-bar {
  background: #ccc;
  color: #aaa;
}
.nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #ccc;
}
.nav div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.nav div p {
  color: rgba(68, 68, 68, 1);
  font-size: 14px;
  text-align: left;
  font-family: PingFangSC-regular;
}
.nav b {
  color: rgba(16, 16, 16, 1);
  font-size: 36px;
  text-align: center;
  font-family: PingFangSC-regular;
  font-weight: normal;
  margin-top: 0px;
}
.main .van-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main p {
  color: rgba(16, 16, 16, 1);
  font-size: 16px;
  text-align: center;
  font-family: PingFangSC-regular;
  justify-content: center;
}
.main div p:nth-of-type(1) {
  color: rgba(16, 16, 16, 1);
  font-size: 14px;
  text-align: left;
  font-family: PingFangSC-regular;
}
.main div p:nth-of-type(2) {
  color: rgba(16, 16, 16, 1);
  font-size: 12px;
  text-align: left;
  font-family: PingFangSC-regular;
  font-weight: normal;
  font-style: normal;
}
.main1 {
  border-bottom: 1px solid #aaa;
}
.foot {
  width: 100%;
  height: 87px;
  line-height: 87px;
  background-color: rgba(68, 68, 68, 1);
  text-align: center;
  border: 1px solid rgba(255, 255, 255, 0);
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 1px;
}
body {
  position: relative;
}
</style>
